<template>
	<view class="own-fund-detail">
		<view class="detail-item" v-for="(item,index) in billList" :key="index">
			<view class="detail-item-l">
				<view class="detail-item-l-t">
					<text>{{item.payMethod+"   "+item.cost}}</text> 
					<text>{{item.time}}</text>
				</view>
				<view class="detail-item-l-b">
					<text>支付单号  {{item.payID}}</text> 
				</view>
			</view>
			<view class="detail-item-r" :style="item.type === '充值' ? 'color:#FF6600;;' :'' ">
				{{item.type}}
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				billList:[{
					payMethod:"连连支付",
					cost:"380.00",
					time:"2018-12-11 10:00",
					type:"充值",
					payID:"f9498384h384837384jj3432"
				},{
					payMethod:"新浪支付",
					cost:"380.00",
					time:"2018-12-11 10:00",
					type:"提现",
					payID:"f9498384h384837384jj3432"
				}]
			}
		}
	}
</script>

<style lang="scss">
	.own-fund-detail{
		width: 100%;
		background-color: rgba(242, 242, 242, 1);
		
		.detail-item{
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			padding: 30upx;
			
			background-color: white;
			margin-top: 1px;
		}
		
		.detail-item-l-t{
			display: flex;
			flex-direction: row;
			justify-content: space-between;
		}
		
		.detail-item-r{
			padding-right: 10px;
		}
	}
</style>
